<template>
    <div class="myStuinfos">
        <div class="opreate_add">
            <div><addAdult></addAdult></div>
            <div><addchild></addchild></div>
            <div><applyCharge v-if='applyButtonShow'></applyCharge></div>
            <div><studentCashier v-if="studentCashierShow"></studentCashier></div>
        </div>
        <etable></etable>
    </div>
</template>
<script>
    import addAdult from '../components/buttons/addAdult.vue'
    import addchild from '../components/buttons/addchild.vue'
    import applyCharge from '../components/buttons/applyRecharge.vue'
    import studentCashier from '../components/buttons/studentCashier.vue'
    import etable from '../components/etable.vue'
    export default {
        data(){
            return{
                applyButtonShow:true,
                studentCashierShow:false
            }
        },
        components:{
            addAdult,addchild,etable,applyCharge,studentCashier
        },
        created(){
            if(localStorage.school_type=='null'){
                 this.applyButtonShow=false
                 this.studentCashierShow=false  
            }
            if(localStorage.school_type!=2 && localStorage.school_type!='null'){
                this.studentCashierShow=true
            }else{
                this.studentCashierShow=false  
            }
        }
    }
</script>
<style lang="less" scoped>
    @media screen and (max-width:1700px){
        .el-form--inline{
            width: 1400px;
        }  
    }
    .myStuinfos{
        .opreate_add{
            height: 60px;
            box-sizing: border-box;
            background: #f5f5f5;
            padding: 10px 0;
            div{
                width: 240px;
                cursor: pointer;
                display: inline-block;
            }
        }
    }
    @media screen and (max-width:1170px){
        .myStuinfos{
            display: flex;
            flex-direction: column;
            width: 100%;
            .opreate_add{
                width: 100%;
                display: flex;
                div{
                    width:100%
                }
            }
            .opreate_add>div{
                width: 25%;
                height: 40px
            }
        }  
    }
</style>
